<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>工程材料需求申请单</title>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/jedate.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/fonts/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/common.css"/>
		<style type="text/css">
			body{background: #fff;}
		</style>
	</head>
	<body>
		<div class="container-fluid">
			<div class="row mheader">
				<div class="col-xs-2 text-left"><a href="javascript:;" onclick="javascript:history.back(-1);"><span class="iconfont icon-fanhui"></span></a></div>
				<div class="col-xs-8"><h2>工程材料需求发货</h2></div>
				<div class="col-xs-2"><a href="erp-list.html">确定</a></div>
			</div>
			<div class="row">
				<div class="panel panel-default">
				  <div class="panel-heading text-center">需求申请</div>
				  <div class="panel-body">
				    <table class="table table-bordered">
					  <tr>
					  	<td class="check-sty">
							<input type="checkbox" id="checkbox-1-1" class="regular-checkbox" /><label for="checkbox-1-1"></label>
					  	</td>
					  	<td>
					  		<p><span>材料名称:</span>三级钢</p>
							<div class="order-li clearfix">
								<div class="col-xs-6"><span>规格:</span>100x200</div>
								<div class="col-xs-6 text-right">
									<span>数量:</span>
									<input type="text" class="mD-num" name="" id="" value="20" />
									<!--<span>吨</span>-->
								</div>
								<div class="col-xs-6"><span>负责人:</span> 张</div>
								<div class="col-xs-6 text-right"><span>单位:</span> t</div>
							</div>
						</td>
					  </tr>
					  <tr>
					  	<td class="check-sty">
					  		<input type="checkbox" id="checkbox-1-'+i+'" class="regular-checkbox" /><label for="checkbox-1-2"></label>
					  	</td>
					  	<td>
					  		<p><span>材料名称:</span>水泥</p>
							<div class="order-li clearfix">
								<div class="col-xs-6"><span>规格:</span>PC3.5</div>
								<div class="col-xs-6">
									<span>数量:</span>
									<input type="text" class="mD-num" name="" id="" value="20" />
									<!--<span>吨</span>-->
								</div>
								<div class="col-xs-6"><span>负责人:</span> 张</div>
								<div class="col-xs-6 text-right"><span>单位:</span> t</div>
							</div>
						</td>
					  </tr>
					</table>
				  </div>
				</div>
				
				<!--<div class="panel panel-default">
				  <div class="panel-heading text-center">需求申请</div>
				  <div class="panel-body">
				  	<ul class="list-group">
					  <li class="list-group-item">
					  	<p>材料名：<span>三级钢</span></p>
					  	<p class="mD-gg">材料规格：<span>PC</span></p>
					  	<p class="mD-num fr">材料数量：<input type="text" value="20"/></p>
					  </li>
					  <li class="list-group-item">Dapibus ac facilisis in</li>
					  <li class="list-group-item">Morbi leo risus</li>
				
					</ul>
				  </div>
				</div>-->
			</div>
		</div>
	</body>
</html>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="../../../resource/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	//点击改变申请单高度
	$(document).ready(function(){
		  $(".more").click(function(){
		    $(this).siblings(".order-li").toggleClass("orderHeight");
		  });
	});

	$(document).on('click','.check-sty input',function () {

        if($(this).is(':checked')) {
            // do something
            alert('你该添加我了');
        }else{
            alert('你该删除我了')
		}

    })






</script>